<div
  [@notificationAnim]="animationState"
  (@notificationAnim.done)="onAnimationDone($event)"
  class="lv-notification"
  (mouseenter)="mouseEnter()"
  (mouseleave)="mouseLeave()"
>
  <div class="lv-notification-wrapper" [ngStyle]="{ width: options.lvWidth + 'px' }">
    <div *ngIf="options.lvTitle" class="lv-notification-title">
      <i *ngIf="options.lvIcon" [lv-icon]="options.lvIcon"></i>
      <span>{{ options.lvTitle }}</span>
    </div>
    <div *ngIf="options.lvContent" class="lv-notification-content" [ngClass]="{ 'lv-notification-content-indent': options.lvIcon }">
      <ng-container *ngIf="typeUtils.isRealString(options.lvContent)">{{ options.lvContent }}</ng-container>
      <ng-container *ngIf="typeUtils.isTemplateRef(options.lvContent)" [ngTemplateOutlet]="options.lvContent"></ng-container>
    </div>
    <div class="lv-notification-close-button">
      <i lv-icon="lv-icon-close" lvColorState (click)="close()"></i>
    </div>
  </div>
</div>
